<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
<link rel="stylesheet" href="plug/swiper/css/swiper.css"/>
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/util.css" />
<link rel="stylesheet" href="css/pub_good.css" />
<link rel="stylesheet" href="css/my_order.css" />
<title>我的订单</title>
</head>
<body>
<div class="content">
	
<!--头部-->	
<div class="pub_hearder flex_vertical justify_content_equal">
	<img class="up_page pub_hearder_left" src="img/header/header_left.png" />
	<div class="head_center">
		<span class="set_head_dot" style="width: .05rem;height: .05rem;border-radius: 50%;"></span>
		<span class="set_head_dot" style="width: .08rem;height: .08rem;border-radius: 50%;"></span>
		<span class="set_head_dot"></span>
		<span class="head_title">我的订单</span>
		<span class="set_head_dot"></span>
		<span class="set_head_dot" style="width: .08rem;height: .08rem;border-radius: 50%;"></span>
		<span class="set_head_dot" style="width: .06rem;height: .06rem;border-radius: 50%;"></span>
	</div>
	<img class="search pub_hearder_right" src="img/goods/service.png" />
</div>

<!--选项卡-->
<ul class="order_control tab_control clearfix" style="background-color: white;">
	<li class="all_order"><span class="">全部</span></li>
	<li class="unipay"><span class="green_border_btm">等待就诊</span></li>
	<li class="no_consume"><span>待支付</span></li>
	<li class="consume"><span>待确认</span></li>
	<li class="refund_order"><span>待评价</span></li>
</ul>

<!--全部订单列表-->
<ul class="order_list">
	<li class="order_detail set_box_shadow clearfix">
		<div class="order_top">
			<span>杭州时光口腔医院</span><span class="order_status font_green">订单取消</span>
		</div>
		<div class="order_detail2 clearfix">
			<div class="order_left">
				<img src="img/goods/interest_goods.png" />
			</div>
			<div class="order_right">
				<p class="order_tit overflow_ellipsis">
					【水氧活跃】aqua peel韩国新一代小气泡深沉清洁水漾净肤单次 送面膜！
				</p>
				<p class="select_prj">
					<span>张三</span>&nbsp;<span>主任医师 </span>
				</p>
				<p class="order_money">
					就诊时间：<span class="make_money">2017-10-16 星期四 下午</span>
				</p>
			</div>
		</div>
		<div class="order_btm ">
			<div class="pay_detail">
				<p>订单号：5644117889655</p>
				<p>
					合计：<span class="make_total">¥1280</span>
				</p>
			</div>
			<div class="order_pay clearfix">
				<button class="btn_green">评价</button><button class="btn_green">确认治疗</button><button class="btn_pink">支付</button>
			</div>
		</div>
	</li>
	
	<!--<li class="order_detail set_box_shadow clear_float">
		<div class="order_left">
			<img src="img/goods/interest_goods.png" />
		</div>
		<div class="order_right">
			<p class="order_tit overflow_ellipsis">
				【 水氧活跃 】aqua peel韩国新一代小气泡深沉清洁水漾净肤单次 送面膜！
			</p>
			<p class="select_prj">已选择：伊婉C玻尿酸注射/支1ml</p>
			<p class="order_money">
				<span class="make_money">预付款</span>
				<span class="small">￥</span>
				<span class="unit_price">1280</span>
			</p>
			<p class="order_money2">
				<span class="ride">X</span>
				<span class="num" style="">1</span>
			</p>
		</div>
		<div class="clearfix"></div>
		<div class="order_btm ">
			<div class="pay_detail">
				<p>
					另需到院付：<span class="hos_price">¥7840</span>
				</p>
				<p>
					预付款合计：<span class="make_total">¥1960</span>
				</p>
			</div>
			<div class="all_total">
				合计：<span class="">¥7840</span>
			</div>
			<div class="order_pay"><p>支付</p></div>
		</div>
	</li>-->
</ul>


</div>
<script type="text/javascript" src="plug/jquery-1.11.3.js" ></script>
<script type="text/javascript" src="plug/template-web.js"></script>
<script type="text/javascript" src="js/viewport.js" ></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/method.js"></script>
<script type="text/javascript" src="js/my_order.js" ></script>
<!--<script type="text/javascript" src="js/.js" ></script>-->
<!--医生列表-->
<!--<script id="test_doc_detail" type="text/html">
	{{each data value}}
		
	{{/each}}
</script>-->
<script>
//$.post(url+"/doctorList",function(data){
//	//医生列表
//	var html = template('test_doc_detail',data);
//	$(".doc_list").append(html);
//});
</script>

</body>
</html>
